{{--<p style="text-align: center;color: #676767;font-size: 25px;margin-top: 20%">您的账号正在等待后台审核，审核通过即可使用本平台，请您耐心等待</p>--}}
@extends('public.layouts')
@section('style')
    <meta name="_token" content="{{ csrf_token() }}"/>
    <style>
        .task-table-th{
            text-align: center;
        }
        .task-table-td{
            text-align: center;
        }
        .search-trademark-th{
            text-align: center;
        }
        .search-trademark-td{
            text-align: center;
        }
        .search-patent-th{
            text-align: center;
        }
        .search-patent-td{
            text-align: center;
        }
    </style>
    <link rel="stylesheet" href="{{asset('admin_assets/css/bootstrap-datetimepicker.min.css')}}">
@stop
@section('content')
    <div class="content-wrapper" style="background-color: white">
        <section class="content">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="box box-info"
                         style="padding-top: 0px;margin-top: 0px;border-top: 0px;border-bottom: solid 1px #0080ff;">
                        <div class="box-body" style="">
                            <div class="row">
                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="margin-top: 0.5vw">
                                    <a href="#" title="返回首页" style="float: left"><i class="fa fa-home fa-2x"
                                                                                    style="width: 100%;color: #0080FF">
                                        </i></a>
                                    <a href="#"><span style="font-size: 20px;float: left">&nbsp;工作台</span></a>
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
                    <div class="small-box bg-aqua">
                        <div class="inner">
                            <h3>150</h3>
                            <p>商标数量</p>
                        </div>
                        <div class="icon">
                            <img src="{{asset('admin_assets/img/img_9.jpg')}}" style="width: 160px;height: 85px;margin-left: 0;margin-top: -20px">
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
                    <div class="small-box bg-aqua">
                        <div class="inner">
                            <h3>150</h3>
                            <p>专利数量</p>
                        </div>
                        <div class="icon">
                            <img src="{{asset('admin_assets/img/img_9.jpg')}}" style="width: 160px;height: 85px;margin-left: 0;margin-top: -20px">
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
                    <div class="small-box bg-aqua">
                        <div class="inner">
                            <h3>150</h3>
                            <p>版权数量</p>
                        </div>
                        <div class="icon">
                            <img src="{{asset('admin_assets/img/img_9.jpg')}}" style="width: 160px;height: 85px;margin-left: 0;margin-top: -20px">
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
                    <div class="small-box bg-aqua">
                        <div class="inner">
                            <h3>150</h3>
                            <p>项目数量</p>
                        </div>
                        <div class="icon">
                            <img src="{{asset('admin_assets/img/img_9.jpg')}}" style="width: 160px;height: 85px;margin-left: 0;margin-top: -20px">
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th class="task-table-th">任务编号</th>
                                <th class="task-table-th">申请人</th>
                                <th class="task-table-th">业务类型</th>
                                <th class="task-table-th">任务发起时间</th>
                                <th class="task-table-th">任务状态</th>
                                <th class="task-table-th">任务等级</th>
                                <th class="task-table-th">执行人</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="task-table-td" style="vertical-align: middle">1</td>
                                <td class="task-table-td" style="vertical-align: middle">张三</td>
                                <td class="task-table-td" style="vertical-align: middle">商标</td>
                                <td class="task-table-td" style="vertical-align: middle">2017.11.11</td>
                                <td class="task-table-td" style="vertical-align: middle">未结算</td>
                                <td class="task-table-td" style="vertical-align: middle">普通任务</td>
                                <td class="task-table-td" style="vertical-align: middle">吴九</td>
                            </tr>
                            <tr>
                                <td class="task-table-td" style="vertical-align: middle">2</td>
                                <td class="task-table-td" style="vertical-align: middle">张三</td>
                                <td class="task-table-td" style="vertical-align: middle">商标</td>
                                <td class="task-table-td" style="vertical-align: middle">2017.11.11</td>
                                <td class="task-table-td" style="vertical-align: middle">未结算</td>
                                <td class="task-table-td" style="vertical-align: middle">普通任务</td>
                                <td class="task-table-td" style="vertical-align: middle">吴九</td>
                            </tr>
                            <tr>
                                <td class="task-table-td" style="vertical-align: middle">3</td>
                                <td class="task-table-td" style="vertical-align: middle">张三</td>
                                <td class="task-table-td" style="vertical-align: middle">商标</td>
                                <td class="task-table-td" style="vertical-align: middle">2017.11.11</td>
                                <td class="task-table-td" style="vertical-align: middle">未结算</td>
                                <td class="task-table-td" style="vertical-align: middle">普通任务</td>
                                <td class="task-table-td" style="vertical-align: middle">吴九</td>
                            </tr>
                            <tr>
                                <td class="task-table-td" style="vertical-align: middle">4</td>
                                <td class="task-table-td" style="vertical-align: middle">张三</td>
                                <td class="task-table-td" style="vertical-align: middle">商标</td>
                                <td class="task-table-td" style="vertical-align: middle">2017.11.11</td>
                                <td class="task-table-td" style="vertical-align: middle">未结算</td>
                                <td class="task-table-td" style="vertical-align: middle">普通任务</td>
                                <td class="task-table-td" style="vertical-align: middle">吴九</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="row" style="margin-top: 2%">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="table-responsive">
                        <form action="#" method="post" enctype="multipart/form-data" style="width: 100%">
                        <table class="table" style="border: 1px solid #f4f4f4;">
                            <thead>
                            <tr>
                                <th class="search-trademark-th" style="border-bottom: 0">商标类型</th>
                                <th class="search-trademark-th" style="border-bottom: 0">商标状态</th>
                                <th class="search-trademark-th" style="border-bottom: 0">交易状态</th>
                                <th class="search-trademark-th" style="border-bottom: 0">申请日开始</th>
                                <th class="search-trademark-th" style="border-bottom: 0">申请日结束</th>
                                <th class="search-trademark-th" style="border-bottom: 0">关键字</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="search-trademark-td" style="border-top: 0;width: 10%;min-width: 150px">
                                    <select class="form-control" style="border-radius: 5px">
                                        <option>全部</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                    </select>
                                </td>
                                <td class="search-trademark-td" style="border-top: 0;width: 10%;min-width: 150px">
                                    <select class="form-control" style="border-radius: 5px">
                                        <option>全部</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                    </select>
                                </td>
                                <td class="search-trademark-td" style="border-top: 0;width: 10%;min-width: 150px">
                                    <select class="form-control" style="border-radius: 5px">
                                        <option>全部</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                    </select>
                                </td>
                                <td class="search-trademark-td" style="border-top: 0;width: 20%;min-width: 340px">
                                    <div class="input-group date form_datetime" id="datetimepicker">
                                        <div class="input-group-addon" style="border-radius: 5px 0 0 5px">
                                            <i class="fa fa-calendar"></i>
                                        </div>
                                        <input type="text" class="form-control pull-right" placeholder="开始时间:" id="datepicker"
                                               name="trademark-beginTime" style="border-radius: 0 5px 5px 0 " required>
                                    </div>
                                </td>
                                <td class="search-trademark-td" style="border-top: 0;width: 20%;min-width: 340px">
                                    <div class="input-group date form_datetime" id="datetimepicker2">
                                        <div class="input-group-addon" style="border-radius: 5px 0 0 5px">
                                            <i class="fa fa-calendar"></i>
                                        </div>
                                        <input type="text" class="form-control pull-right" placeholder="结束时间:" id="datepicker2"
                                               name="trademark-endTime" style="border-radius: 0 5px 5px 0 " required>
                                    </div>
                                </td>
                                <td class="search-trademark-td" style="border-top: 0;width: 30%;min-width: 480px">
                                    <input type="text" class="form-control" placeholder="申请人/名称/申请人/内部编码/案件状态" style="width: 85%;border-radius: 5px;float: left">
                                    <button type="submit" class="btn btn-info" style="width: 15%;float: left;">查询</button>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        </form>
                    </div>
                </div>
            </div>
            <div class="row" style="margin-top: 2%">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="table-responsive">
                        <form action="#" method="post" enctype="multipart/form-data" style="width: 100%">
                            <table class="table" style="border: 1px solid #f4f4f4;">
                                <thead>
                                <tr>
                                    <th class="search-patent-th" style="border-bottom: 0">专利类型</th>
                                    <th class="search-patent-th" style="border-bottom: 0">专利状态</th>
                                    <th class="search-patent-th" style="border-bottom: 0">交易状态</th>
                                    <th class="search-patent-th" style="border-bottom: 0">申请日开始</th>
                                    <th class="search-patent-th" style="border-bottom: 0">申请日结束</th>
                                    <th class="search-patent-th" style="border-bottom: 0">关键字</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td class="search-patent-td" style="border-top: 0;width: 10%;min-width: 150px">
                                        <select class="form-control" style="border-radius: 5px">
                                            <option>全部</option>
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                        </select>
                                    </td>
                                    <td class="search-patent-td" style="border-top: 0;width: 10%;min-width: 150px">
                                        <select class="form-control" style="border-radius: 5px">
                                            <option>全部</option>
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                        </select>
                                    </td>
                                    <td class="search-patent-td" style="border-top: 0;width: 10%;min-width: 150px">
                                        <select class="form-control" style="border-radius: 5px">
                                            <option>全部</option>
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                        </select>
                                    </td>
                                    <td class="search-patent-td" style="border-top: 0;width: 20%;min-width: 340px">
                                        <div class="input-group date form_datetime" id="datetimepicke3">
                                            <div class="input-group-addon" style="border-radius: 5px 0 0 5px">
                                                <i class="fa fa-calendar"></i>
                                            </div>
                                            <input type="text" class="form-control pull-right" placeholder="开始时间:" id="datepicke3"
                                                   name="patent-beginTime" style="border-radius: 0 5px 5px 0 " required>
                                        </div>
                                    </td>
                                    <td class="search-patent-td" style="border-top: 0;width: 20%;min-width: 340px">
                                        <div class="input-group date form_datetime" id="datetimepicker4">
                                            <div class="input-group-addon" style="border-radius: 5px 0 0 5px">
                                                <i class="fa fa-calendar"></i>
                                            </div>
                                            <input type="text" class="form-control pull-right" placeholder="结束时间:" id="datepicker4"
                                                   name="patent-endTime" style="border-radius: 0 5px 5px 0 " required>
                                        </div>
                                    </td>
                                    <td class="search-patent-td" style="border-top: 0;width: 30%;min-width: 480px">
                                        <input type="text" class="form-control" placeholder="申请人/名称/申请人/内部编码/案件状态" style="width: 85%;border-radius: 5px;float: left">
                                        <button type="submit" class="btn btn-info" style="width: 15%;float: left;">查询</button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </div>
@stop
@section('javascript')
    <script src="{{asset('admin_assets/js/bootstrap-datetimepicker.min.js')}}"></script>
    <script>
        $(".form_datetime").datetimepicker({
            format: "yyyy-mm-dd hh:ii:ss",
            autoclose: true,
            todayBtn: true,
            minuteStep: 10,
            language: "en"
        });
    </script>
@stop
